<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<html>
<head>
    <title>发布社团招募</title>
</head>
<body>
    <div class="content">
        <h3 class="item-title">XXXXXXX志愿者招募</h3>
        <ol class="volunteer-recruitment-question-list">
            <li class="list-item">
                <a href="#">你的年龄?</a>

                <div class="pull-right">
                    <div class="list-edit"><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></div>
                    <div class="list-delete"><a href="#"><i class="fa fa-trash" aria-hidden="true"></i></a></div>
                </div>
            </li>
            <li class="list-item">
                <a href="#">XXXXXXXXX</a>

                <div class="pull-right">
                    <div class="list-edit"><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></div>
                    <div class="list-delete"><a href="#"><i class="fa fa-trash" aria-hidden="true"></i></a></div>
                </div>
            </li>
            <li class="list-item">
                <a href="#">XXXXXXXXX</a>
                <div class="pull-right">
                    <div class="list-edit"><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></div>
                    <div class="list-delete"><a href="#"><i class="fa fa-trash" aria-hidden="true"></i></a></div>
                </div>
            </li>
        </ol>
        <div>
            <button class="btn" data-toggle="modal" data-target="#myModal"><i class="fa fa-plus" aria-hidden="true"></i>
            </button>
        </div>
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body">
                        <textarea class="form-control" placeholder="可以设置多个问题，用换行来区分..."></textarea>
                    </div>
                    <div class="modal-footer">
                        <button class="btn" data-dismiss="modal">取消</button>
                        <button class="btn">保存</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
